<template>
    <div>
        <div class="breadcrumb">
            <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item>您的位置</el-breadcrumb-item>
                <el-breadcrumb-item>|首页</el-breadcrumb-item>
                <el-breadcrumb-item>成果展示</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <!--        调用课程list 和分页插件-->
        <outcome-item/>
        <div class="container-content">
            <pagination/>
        </div>
    </div>
</template>
<!--成果展示-->
<script>
    import {Breadcrumb, BreadcrumbItem} from "element-ui";
    import Pagination from "@/component/pagination/Pagination";
    import OutcomeItem from "@/pages/outcome/item/OutcomeItem";
    export default {
        name: "Outcome",
        components: {
            "el-breadcrumb": Breadcrumb,
            "el-breadcrumb-item": BreadcrumbItem,
            Pagination,
            OutcomeItem
        },
        data(){
            return {
                title:"成功展示"
            }
        }
    }
</script>

<style scoped>
    .breadcrumb {
        margin-top: 20px;
        margin-left: 40px;
    }
    .breadcrumb {
        margin-top: 20px;
        margin-left: 40px;
    }
    .container-content {
        margin-left: 20%;
    }
</style>
